﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <script src="../script/jquery.min.js"></script>
    <script src="../script/jquery.easyui.min.js"></script>
</head>
<body>
    <div>
        <div style="margin-bottom:5px">
            <a id="btn" href="javascript:" class="easyui-linkbutton Insert" data-options="iconCls:'icon-add'">新增</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Update" data-options="iconCls:'icon-edit'">修改</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Delete" data-options="iconCls:'icon-remove'">删除</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Insert" data-options="iconCls:'icon-add'">挂失/锁定</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Update" data-options="iconCls:'icon-edit'">会员转账</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Delete" data-options="iconCls:'icon-remove'">会员换卡</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Delete" data-options="iconCls:'icon-remove'">导出Excel</a>
            <a id="btn" href="javascript:" class="easyui-linkbutton Delete" data-options="iconCls:'icon-remove'">导入Excel</a>
        </div>
        <div>
            会员卡号：<input id="Text_LoginName" type="text" />
            会员姓名：<input id="Text_RealName" type="text" />
            电话：<input id="Text_Telephone" type="text" />
            会员等级：<select id="Select1">
                <option></option>

            </select>
            状态：<select id="Select1">
                <option></option>

            </select>

            <a id="btn" href="javascript:" class="easyui-linkbutton Search" data-options="iconCls:'icon-search'">查询</a>
        </div>
        <!--下面显示框的信息-->
        <table id="dg"></table>


    </div>
    <div>
        <div id="dlg" class="easyui-dialog" data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
            <iframe id="frml" width="99%" height="99%" frameborder="0"></iframe>
        </div>
    </div>
    <script type="text/javascript">
        $('#dg').datagrid({
            url: '../jquery-easyui-1.4.3/demo/datagrid/datagrid_data1.json',
            method:"get",
            columns: [[
                { field: 'productid', title: '店铺编号', width: 100 },
                { field: 'productname', title: '店铺名称', width: 100 },
                { field: 'price', title: '联系人', width: 100, align: 'right' }
            ]]
        });

        //新增
        $(".Insert").click(function () {
            $('#dlg').dialog({ width: 800, height: 400 })
            .dialog("setTitle", "新增会员")
            .dialog("open");
            $("#frml").attr("src", "22_Newmembers.html");
        });
        //修改
        $(".Update").click(function () {
            $('#dlg').dialog({ width: 800, height: 400 })
            .dialog("setTitle", "编辑会员")
            .dialog("open");
            $("#frml").attr("src", "23_Editmember.html");
        });
        //删除
        $(".Delete").click(function () {
            $('#dlg').dialog({ width: 400, height: 400 })
            .dialog("setTitle", "删除")
            .dialog("open");
            $("#frml").attr("src", "https://www.baidu.com/");
        });
        //查询
        $(".Search").click(function () {
            $('#dlg').dialog({ width: 400, height: 400 })
            .dialog("setTitle", "查询")
            .dialog("open");
            $("#frml").attr("src", "https://www.baidu.com/");
        });
    </script>

</body>

</html>
